<script setup>
    import {ref, computed} from 'vue'
    const price = ref(10);
    const taxRate = ref(0.2);

    function money(newPrice) {

        if (newPrice){
            console.log("执行函数.....，结果为：" + (newPrice * taxRate.value))
        }

        console.log("执行函数.....，结果为：" +  price.value * taxRate.value)
    }

    money()

    // 属性计算，包含 getter 和 setter
    const priceWithTax = computed({
        get() {
            console.log("属性计算的get方法执行....");
            return price.value * (1 + taxRate.value);
        },
        set(newValue) {
            // 当设置新值时，更新 price 和 taxRate
            console.log("属性计算的set方法执行....");
            price.value = newValue;
        }
    });

    console.log(priceWithTax.value);  // 输出：12 (10 * 1.2)

    // 修改计算属性的值
    priceWithTax.value = 15;
    console.log(price.value);  // 输出：18 (15 * 1.2)
    console.log(priceWithTax.value);
</script>

<template>
    <div>
        <button v-on:click=money()>函数调用</button>
    </div>
    
</template>
  

<style scoped>

</style>
